<script type="text/javascript" src="/back/js/plugins/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/back/js/plugins/jquery.validate.min.js"></script>
<script type="text/javascript" src="/back/js/plugins/charCount.js"></script>
<script type="text/javascript" src="/back/js/custom/forms.js"></script>
<script type="text/javascript" src="/back/js/my/check_post_categories.js"></script>
<script type="text/javascript" src="/back/js/my/get_categories.js"></script>
<script type="text/javascript" src="/back/js/my/post_validation.js"></script>

<!-- Redactor is here -->
<link rel="stylesheet" href="/back/redactor/redactor.css" />
<script type="text/javascript" src="/back/js/plugins/jquery.alerts.js"></script>
<!--<script src="/back/redactor/redactor.min.js"></script>-->
<script src="/back/redactor/redactor.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $( "#datepicker" ).datepicker({
            dateFormat: "yy-mm-dd"
        });
        /*$('#preview_text').redactor({
            minHeight: 300,            
            deniedTags: ['image', 'object', 'iframe'],
            buttons: ['html', '|', 'formatting', '|', 'bold', 'italic', 'deleted', '|',
                    'unorderedlist', 'orderedlist', 'link', '|',
                    'fontcolor', 'backcolor', '|', 'alignment', '|', 'horizontalrule']
        }); */
        $('#full_text').redactor({
            imageUpload: '/admin/ajax/image-upload',
            fileUpload: '/admin/ajax/file-upload',
            fileUploadErrorCallback: function(json) {console.log(json)},
            minHeight: 300,
            imageGetJson: '/admin/ajax/uploaded-images', 
            fixed: true, 
            fixedBox: true,
            buttonsAdd: ['multiupload'],
            buttonsCustom: {
                multiupload : {
                    title: 'Image multiupload',
                    callback: function(obj, event, key) {                        
                        $('#myModal').modal();
                    }
                }
            }  
        });          
        $('.hint').click(function() {                        
            var textDiv = $(this).attr('text-div');            
            jAlert($('#'+textDiv).html(), 'Подсказка');
            return false;
        });     
    });    
</script>

<style>
    #error {
        color: red;
        font-size: 20px;
    }
    .div_hints {
        display: none;
    }
    .hint {
        color: blue;
    }
</style>

<div class="centercontent">    
    <div id="basicform" class="subcontent">                            
        <div class="contenttitle2">
            <h3>Редактирование</h3><br />
            * <i>Вы можете кликнуть по синим словам для всплывающей подсказки</i>
        </div>
        <br />
        
        <div id="error"> 
            <?php if (isset($this->errors)): ?>
                <p style="color: red;">
                    <?php echo $this->errors; ?>
                </p>
            <?php endif; ?>
        </div>

        <form class="stdform" action="" id="post_form" enctype="multipart/form-data" method="post">
            <?php if ($this->departments): ?>
                 <p>
                    <label><a href="#" text-div="department_hint" class="alerthtmlbutton hint">Кафедра</a></label>
                    <span class="field">
                        <select name="department">                                                                    
                            <?php foreach ($this->departments as $department): ?>
                                <?php if ($department['id'] == $this->categoryDepartmentId) { ?>
                                    <option value="<?php echo $department['id']; ?>" selected="selected">                                    
                                <?php } else { ?>
                                    <option value="<?php echo $department['id']; ?>">                                    
                                <?php } ?>
                                    <?php echo $department['name']; ?>
                                </option>
                            <?php endforeach; ?>
                        </select>                            
                    </span>
                </p>
            <?php endif; ?>
            <p>
                <label><a href="#" text-div="category_hint" class="alerthtmlbutton hint">Категория</a></label>  
                <div id="parent_category" style="display: none";><?php echo $this->category; ?></div>
                <span class="field">
                    <select name="category" content="true">                      
                    </select>                            
                </span>
            </p>

            <p>
                <label><a href="#" text-div="name_hint" class="alerthtmlbutton hint">Заголовок</a></label>
                <span class="field">
                    <input type="text" name="title" class="longinput" value="<?php echo $this->data['title']; ?>" />
                </span>
            </p>            
            <p>
                <label><a href="#" text-div="mediadata_hint" class="alerthtmlbutton hint">Медиа превью</a></label>
                <span class="formwrapper" id="mediadata">
                    <?php if ($this->data['preview_mediadata']) { ?>
                        <?php echo $this->data['preview_mediadata']; ?>                        
                        <button class="btn btn_trash" id="remove_mediadata">
                            <spann>Удалить</span>
                        </button>
                    <?php } else { ?>
                        <input type="radio" name="preview_radio" value="photo" /> Фото &nbsp; &nbsp;          
                        <input type="radio" name="preview_radio" value="video" /> Видео &nbsp; &nbsp;                  
                        <input type="radio" name="preview_radio" value="null" checked="checked" /> Ничего &nbsp; &nbsp;
                    <?php } ?>
                </span>
                <!--<span class="formwrapper">
                    <input type="radio" name="preview_radio" value="photo" /> Фото &nbsp; &nbsp;          
                    <input type="radio" name="preview_radio" value="video" /> Видео &nbsp; &nbsp;                  
                    <input type="radio" name="preview_radio" value="null" checked="checked" /> Ничего &nbsp; &nbsp;                              
                </span>-->
            </p>
            <p id="preview_mediadata">                
                <p id="video" style="display: none;">
                    <label><a href="#" text-div="video_hint" class="alerthtmlbutton hint">Видео превью</a></label>
                    <span class="field">
                        <textarea name="video"></textarea>
                    </span>
                </p>
                <p id="photo" style="display: none;">
                    <label><a href="#" text-div="photo_hint" class="alerthtmlbutton hint">Фото превью</a></label>
                    <span class="field">
                        <input type="file" name="photo" />
                    </span>
                </p>
            </p>
            <p>
                <label><a href="#" text-div="preview_text_hint" class="alerthtmlbutton hint">Превью текст</a></label>
                <span class="field">
                    <textarea id="preview_text" cols="80" name="preview_text" rows="5" >
                        <?php echo $this->data['preview_text']; ?>
                    </textarea>
                </span> 
            </p>
            <p>
                <label><a href="#" text-div="text_hint" class="alerthtmlbutton hint">Текст</a></label>
                <span class="field">
                    <textarea cols="80" id="full_text" name="text" rows="20" class="redactor">
                        <?php echo $this->data['text']; ?>
                    </textarea>
                </span> 
            </p>
            <p>
                <label><a href="#" text-div="visible_hint" class="alerthtmlbutton hint">Активен</a></label>
                <span class="formwrapper">
                    <?php if ($this->data['is_visible'] == 1) { ?>
                        <input type="radio" name="visible" value="1" checked="checked" /> Yes &nbsp; &nbsp;          
                        <input type="radio" name="visible" value="0" /> No &nbsp; &nbsp;                  
                    <?php } else { ?>
                        <input type="radio" name="visible" value="1" /> Yes &nbsp; &nbsp;          
                        <input type="radio" name="visible" value="0" checked="checked" /> No &nbsp; &nbsp;                  
                    <?php } ?>                    
                </span>
            </p>

            <p>
                <label><a href="#" text-div="tags_hint" class="alerthtmlbutton hint">Теги</a></label>
                <span class="field">
                    <input name="tags" id="tags" class="longinput" value="<?php echo $this->data['tags']; ?>" />
                </span>
            </p>
            <p>
                <label><a href="#" text-div="date_hint" class="alerthtmlbutton hint">Дата</a></label>
                <span class="field">
                    <input id="datepicker" type="text" value="<?php echo $this->data['date_create']; ?>" name="date_create" class="width100" /> 
                </span>
            </p>                     

            <hr>
            <center><h3>Дополнительные параметры:</h3></center>
            <p>
                <label><a href="#" text-div="alias_hint" class="alerthtmlbutton hint">Красивая ссылка</a></label>
                <span class="field">
                    <input type="text" name="alias" value="<?php echo $this->data['alias']; ?>" class="longinput" />
                </span>
            </p>                                             
            
            <p>
                <label><a href="#" text-div="description_hint" class="alerthtmlbutton hint">Описание</a></label>
                <span class="field">
                    <input type="text" name="description" value="<?php echo $this->data['description']; ?>" class="longinput" />
                </span>
            </p>

            <p>
                <label><a href="#" text-div="keywords_hint" class="alerthtmlbutton hint">Ключевые слова</a></label>
                <span class="field">
                    <input type="text" name="keywords" value="<?php echo $this->data['keywords']; ?>" class="longinput" />
                </span>
            </p>                                                                                                                           
            <br clear="all" /><br />
            
            <p class="stdformbutton">
                <button class="submit radius2">Редактировать материал</button>                
            </p>
        </form>   

        <?php echo $this->partial('partials/multiuploader.phtml', array(
              'content' => 'a',
              'href'    => '/post')); ?>    

        <div class="div_hints">
            <p id="department_hint">
                От выбора кафедры зависит выбор категорий ниже.<b>Выбор кафедры обязателен.</b>
            </p>
            <p id="category_hint">
                В выбранной категории появится публикуемый материал.<b>Выбор категории обязателен.</b>
            </p> 
            <p id="name_hint">
                Заголовок материала.<b>Заголовок материала обязателен.</b>
            </p>          
            <p id="text_hint">
                Основной текст материала, который будет отображаться полностью.
                Если вы публикуете материал в новостной категории, не забудьте поставить разделитель - 
                <b>горизонтальную линию</b>(самая правая кнопка в редакторе).
                Весь текст и картинки, которые идут выше линии, будут служить представлением материала.
                Полный материал линии будет показан при переходе непосредственно на саму новость.
                Так же вы можете загружать картинки, для этого требуется кликнуть по иконке «Insert Image» и выбрать один из трех типов загрузки: <br />
                - со своего компьютера
                - выбрать картинку уже существующую на сервере
                - загрузить из интернета(просто вставьте ссылку на картинку)<br />.
                * при загрузке картинки урезаются в качестве, в случае, если они весят более чем 200кб<br /><b>Текст обязателен.</b>
            </p>       
            <p id="visible_hint">
                В случае если требуется оформить материал, но публиковать его пока не стоит - можно поставь ему статус «неактивен»,
                созданный материал не будет публиковаться.При надобности его можно будет опубликовать поменяв статус на «активен» при редактировании материала.
            </p>         
            <p id="tags_hint">
                Теги служат для улучшенного поиска интересных новостей.Например, если вы создаете новость про поездку на конференцию в город Киев, то следует применить теги «конференция», «Киев», «название конференции».Теги <b>не обязательны</b> к заполнению, но они могут помочь найти пользователям сайта интересные для них материалы.
            </p> 
            <p id="date_hint">
                Вы можете выбрать дату публикации материала, но учтите, что материал в новостных разделах публикуется с сортировкой по времени.Т.е материал опубликованный 6 мая, будет выше, чем материал опубликованный 3 мая.<b>Выбор даты не обязателен</b>, по умолчанию для каждого материала стоит серверное время.
            </p> 
            <p id="alias_hint">
                Красивая ссылка - это то, что будет отображаться в браузерной строке при переходе на материал.Например, вы создали новость с названием «Супер новость», в случае, если вы не заполните это поле, то за это вас сделает сервер.И ссылка на ваш материал будет иметь вид electrofak.com.ua/post/<b>супер-новость</b>.Т.е все слова автоматически преобразуются в нижний регистр и между ними будет проставлен дефис.Если вас не устраивает такой вариант, то вы можете сами создать красивую ссылку.Например, «супер-новость-1» и ссылку будет выглядеть следующем образом: electrofak.com.ua/post/<b>супер-новость-1</b>.Но в вашей ссылке могут быть только буквы и цифры, а так же допустим дефис.Остальные символы будут изъяты.
            </p> 
            <p id="description_hint">
                Описание служит для продвижения сайта в поисковой выдаче поисковиков.Это не обязательное поле, но если вы хотите, чтоб ваша новость появилась в поисковой выдаче гугла, то можете заполнить это поле коротким описанием новости.
            </p> 
            <p id="keywords_hint">
                Ключевые слова, как и описание служит для более хорошей поисковой выдачи в поисковых системах.Для ключевых слов хорошо подходят введенные вами теги.
            </p> 
        </div>                
    </div>
</div>  
<script>
    $(document).ready(function() {
        $('#remove_mediadata').live('click', function() {
            var radio = '<input type="radio" name="preview_radio" value="photo" /> Фото &nbsp; &nbsp;'
                      + '<input type="radio" name="preview_radio" value="video" /> Видео &nbsp; &nbsp;'
                      + '<input type="radio" name="preview_radio" value="null" checked="checked" /> Ничего &nbsp; &nbsp;';
            $('#mediadata').html(radio);
            return false;
        })
        $('input[name="preview_radio"]').live('change', function() {
            switch ($(this).val()) {
                case 'photo':
                    $('#photo').show();
                    $('#video').hide();
                    break;
                case 'video':
                    $('#video').show();
                    $('#photo').hide();
                    break;
                default:
                    $('#photo').hide();
                    $('#video').hide();
            }
        })
    })
</script>